 .swiper {
     width: 100%;
     height: 100%;
 }

 .swiper-slide {
     text-align: center;
     font-size: 18px;
     background: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .swiper-slide img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .swiper-pagination-bullet {
     width: 20px;
     height: 20px;
     text-align: center;
     line-height: 20px;
     font-size: 12px;
     color: red;
     opacity: 1;
     background-color: transparent;
 }

 .swiper-pagination-bullet-active {
     color: #fff;
     background: rgba(255, 255, 255, 0.4);
     border-radius: 0%;
 }

 .xinwen {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin: 20px;

     &:hover {
         color: red;
     }
 }

 .xinwen span:last-child {
     &:hover {
         text-decoration: underline;
     }
 }